<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/shopcar.css">
</head>

<body>
    <div class="all">
        <header>
            <div class="leftbox">
                <h3>账号信息</h3>
                <img src="../static/image/user1.png" alt="">
            </div>
        
            <div class="title">
                <!-- 动态渲染用户信息 -->
            </div>
        </header>
        <div class="container">

            <!-- 回到顶部 -->
            <div class="backTop">
                <img src="../static/image/huojian1.png" alt="">
            </div>
            <!-- 头标 -->
            <div class="title-header">
                <a href="javascript:void(0)" class="location">选择地区</a>
                <!-- <ul class="location-name">
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
    <li><a href="javascript:void(0)">广州</a></li>
</ul> -->
                </a>
                <ul>
                    <li><a href="javascript:void(0)">签到有礼</a><span>/</span></li>
                    <li><a href="javascrip:void(0)">我的特卖</a><span>/</span></li>
                    <li><a href="javascript:void(0)">会员俱乐部</a><span>/</span></li>
                    <li><a href="javascript:void(0)">客户服务</a><span>/</span></li>
                    <li><a href="javascript:void(0)">更多</a></span></li>

                </ul>
            </div>
            <!-- 标题部分 -->
            <div class="nav-container">
               <!-- 导航 -->
                <ul>
                    <li></li>
                    <li><a href="../pages/index.html" class="index">首页</a>
                        <!-- <ul class="options">
            <li>分类</li>
            <li>

                <a href="javascript:void(0)">女装</a><span>/</span>
                <a href="javascript:void(0)">男装</a><span>/</span>
                <a href="javascript:void(0)">奢品</a>
            </li>
            <li>
                <a href="javascript:void(0)">女鞋</a><span>/</span>
                <a href="javascript:void(0)">男鞋</a><span>/</span>
                <a href="javascript:void(0)">箱包</a>
            </li>
            <li>
                <a href="javascript:void(0)">美妆</a><span>/</span>
                <a href="javascript:void(0)">饰品</a><span>/</span>
                <a href="javascript:void(0)">洗护</a>
            </li>
            <li>
                <a href="javascript:void(0)">男装</a><span>/</span>
                <a href="javascript:void(0)">运动</a><span>/</span>
                <a href="javascript:void(0)">百货</a>
            </li>
            <li>
                <a href="javascript:void(0)">手机</a><span>/</span>
                <a href="javascript:void(0)">数码</a>

            </li>
            <li>
                <a href="javascript:void(0)">家装</a><span>/</span>
                <a href="javascript:void(0)">电器</a><span>/</span>
                <a href="javascript:void(0)">车品</a>
            </li>
            <li>
                <a href="javascript:void(0)">食品</a><span>/</span>
                <a href="javascript:void(0)">生鲜</a><span>/</span>
                <a href="javascript:void(0)">母婴</a>
            </li>
            <li>
                <a href="javascript:void(0)">医药</a><span>/</span>
                <a href="javascript:void(0)">保健</a><span>/</span>
                <a href="javascript:void(0)">进口</a>
            </li>

        </ul> -->
                    </li>

                    <li><a href="../pages/shopcar.html ">购物车</a>
                        <ul>
                            <li><a href="javascript:void(0)">今日加购</a></li>
                            <li><a href="javascript:void(0)">历史加购</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">我的订单</a>
                        <ul>
                            <li><a href="javascript:void(0)">待付款</a></li>
                            <li><a href="javascript:void(0)">未发货</a></li>
                            <li><a href="javascript:void(0)">已发货</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">商务合作</a>

                    </li>
                    <li><a href="javascript:void(0)">登录</a>
                        <ul>
                            <li><a href="../pages/login.html">我要登陆</a></li>
                            <li><a href="../pages/registe.html">我要注册</a></li>

                        </ul>
                    </li>
                </ul>

                <!-- 搜索框 -->
                <div class="search-container">
                    <input type="text" placeholder="搜索商品">
                    <button><span><img src="../static/image/search1.png" alt="search"></span></button>
                </div>
                <!-- logo -->
                <!-- <img src="../static/image/wph.png" alt="logo"> -->
                <img src="https://b.appsimg.com/upload/momin/2020/06/16/82/1592278113502.png " alt="">

            </div>
            <!-- 购物车表单 -->
            <div class="cart-list">
                <table>
                    <!-- 动态渲染 -->
                </table>
                <div class="total-price">商品总价:<span>￥0</span></div>
                <!-- <button>添加商品</button> -->
            </div>
            <div class="add-product">
                <form>
                    <input type="text" name="name" placeholder="请输入商品名称" /><br />
                    <input type="text" name="price" placeholder="请输入商品价格" /><br />
                    <input type="text" name="num" placeholder="请输入商品数量" /><br />
                    <input type="text" name="url" placeholder="请输入商品图片" /><br />
                    <input type="submit" value="添加商品" />
                </form>
            </div>
        </div>
    </div>

    <script src="../js/shopcar.js"></script>
</body>

</html>